<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1.0, user-scalable=no" />
		<title>表单</title>
		<link rel="stylesheet" href="css/public.css" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/font-awesome.css" />
		<script type="text/javascript" src="js/jquery-2.2.3.min.js" ></script>
	</head>
	<body>
		<div class="biao">			
			<div class="biao-bd">
				<div class="pic">
					<img src="img/bgb1.png" alt="" />
				</div>
				<div style="position: relative;z-index: 999;padding-top: 10%;">									
					<p>car2 go 11.11</p>
					<p>"快闪交友派趴"</p>
					<p>11月11日 18:00-19:00</p>
					<p>南滨路棠烟雨	公园</p>
					<p>花式互动，刺激小惊喜，美如画的TA...</p>
					<p>只能你来</p>
					<div class="bd">
						<span>姓名</span>
						<input type="text" />
					</div>
					<div class="bd">
						<span>电话</span>
						<input type="text" />
					</div>
					<div class="bd" style="margin-bottom: 0;">					
						<span>性别</span>
						<span class="pay_list_c1">
						    <input type="radio"  name="sex" value="1" class="radioclass">					   
						</span>
						 <span>男</span>
						<span class="pay_list_c1">
						    <input type="radio"  name="sex" value="1" class="radioclass">					   
						</span>					
						 <span>女</span>
					</div>
					<div class="bd" style="margin-top: 0;">					
						<span style="width:100%">是否已注册car2go</span>
						<span class="pay_list_c1">
						    <input type="radio"  name="yes" value="1" class="radioclass">					   
						</span>
						 <span>是</span>
						<span class="pay_list_c1">
						    <input type="radio"  name="yes" value="1" class="radioclass">					   
						</span>					
						 <span>否</span>
					</div>
					<div class="bd">
						<span style="width:50%">选择参与时间</span>
						<select>
							<option value="">11月11日</option>
							<option value="">11月12日</option>
							<option value="">11月13日</option>
						</select>
					</div>
					
					<div class="bd">
						<a href="#" class="a-bd">取消</a>
						<a href="#" class="a-bd">提交</a>
					</div>
				</div>
			</div>
		</div>
		
		<script type="text/javascript">
			$(".pay_list_c1").on("click",function(){
				 $(this).addClass("on").siblings().removeClass("on");
			})
		</script>
	</body>
</html>
